<div id="itskill-dialog-content" class="dialog-content picksection">
	<div id="familiar-dialog-content-pickarea">
		<div id="familiar-dialog-selected" style="display: none;">
			<h2>已选择:</h2>
			<ul class="selected clearfix" style="width: 692px;"></ul>
		</div>
		<div class="pool">
			<h3 class="b">常用:</h3>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="12" name="familiar"
					id="wholeworld-q-familiar-12-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-12-checkbox">Word</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="13" name="familiar"
					id="wholeworld-q-familiar-13-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-13-checkbox">Excel</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="14" name="familiar"
					id="wholeworld-q-familiar-14-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-14-checkbox">PowerPoint</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="18" name="familiar"
					id="wholeworld-q-familiar-18-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-18-checkbox">C#</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="19" name="familiar"
					id="wholeworld-q-familiar-19-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-19-checkbox">C</label>
				</span>
			</div>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="20" name="familiar"
					id="wholeworld-q-familiar-20-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-20-checkbox">C++</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="21" name="familiar"
					id="wholeworld-q-familiar-21-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-21-checkbox">Java</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="22" name="familiar"
					id="wholeworld-q-familiar-22-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-22-checkbox">JSP</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="23" name="familiar"
					id="wholeworld-q-familiar-23-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-23-checkbox">PHP</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="24" name="familiar"
					id="wholeworld-q-familiar-24-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-24-checkbox">VB</label>
				</span>
			</div>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="25" name="familiar"
					id="wholeworld-q-familiar-25-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-25-checkbox">VC++</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="27" name="familiar"
					id="wholeworld-q-familiar-27-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-27-checkbox">SQL
						Server</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="28" name="familiar"
					id="wholeworld-q-familiar-28-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-28-checkbox">Access</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="29" name="familiar"
					id="wholeworld-q-familiar-29-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-29-checkbox">MySQL</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="30" name="familiar"
					id="wholeworld-q-familiar-30-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-30-checkbox">Oracle</label>
				</span>
			</div>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="31" name="familiar"
					id="wholeworld-q-familiar-31-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-31-checkbox">SPSS</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="33" name="familiar"
					id="wholeworld-q-familiar-33-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-33-checkbox">Dreamweaver</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="35" name="familiar"
					id="wholeworld-q-familiar-35-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-35-checkbox">HTML</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="36" name="familiar"
					id="wholeworld-q-familiar-36-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-36-checkbox">JavaScript</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="39" name="familiar"
					id="wholeworld-q-familiar-39-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-39-checkbox">Linux</label>
				</span>
			</div>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="40" name="familiar"
					id="wholeworld-q-familiar-40-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-40-checkbox">WINDOWS</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="50" name="familiar"
					id="wholeworld-q-familiar-50-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-50-checkbox">3DMAX</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="52" name="familiar"
					id="wholeworld-q-familiar-52-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-52-checkbox">Flash</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="55" name="familiar"
					id="wholeworld-q-familiar-55-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-55-checkbox">Premiere</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="56" name="familiar"
					id="wholeworld-q-familiar-56-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-56-checkbox">Photoshop</label>
				</span>
			</div>
			<div class="foldable">
				<span class="checkable"> <input type="checkbox"
					class="checkbox" value="57" name="familiar"
					id="wholeworld-q-familiar-57-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-57-checkbox">CorelDraw</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="58" name="familiar"
					id="wholeworld-q-familiar-58-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-58-checkbox">Illustrator</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="59" name="familiar"
					id="wholeworld-q-familiar-59-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-59-checkbox">AutoCAD</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="62" name="familiar"
					id="wholeworld-q-familiar-62-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-62-checkbox">Pro/E</label>
				</span> <span class="checkable"> <input type="checkbox"
					class="checkbox" value="66" name="familiar"
					id="wholeworld-q-familiar-66-checkbox"><label
					class="checkbox" for="wholeworld-q-familiar-66-checkbox">Protel</label>
				</span>
			</div>
			<div class="clearfix"></div>
			<h3 class="b" style="margin-top: 8px;">其他:</h3>
			<div class="foldable">
				<span id="1" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-1-checkbox"
					name="familiar" value="1" style="display: none" /><label
					for="wholeworld-familiar-1-checkbox" class="checkbox">办公室应用类</label>
				</span> <span id="2" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-2-checkbox"
					name="familiar" value="2" style="display: none" /><label
					for="wholeworld-familiar-2-checkbox" class="checkbox">程序设计类</label>
				</span> <span id="3" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-3-checkbox"
					name="familiar" value="3" style="display: none" /><label
					for="wholeworld-familiar-3-checkbox" class="checkbox">数据库类</label>
				</span> <span id="4" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-4-checkbox"
					name="familiar" value="4" style="display: none" /><label
					for="wholeworld-familiar-4-checkbox" class="checkbox">网页技术类</label>
				</span> <span id="5" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-5-checkbox"
					name="familiar" value="5" style="display: none" /><label
					for="wholeworld-familiar-5-checkbox" class="checkbox">操作系统类</label>
				</span>
			</div>
			<div class="foldable">
				<span id="6" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-6-checkbox"
					name="familiar" value="6" style="display: none" /><label
					for="wholeworld-familiar-6-checkbox" class="checkbox">排版软件类</label>
				</span> <span id="7" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-7-checkbox"
					name="familiar" value="7" style="display: none" /><label
					for="wholeworld-familiar-7-checkbox" class="checkbox">企业管理类</label>
				</span> <span id="8" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-8-checkbox"
					name="familiar" value="8" style="display: none" /><label
					for="wholeworld-familiar-8-checkbox" class="checkbox">多媒体设计类</label>
				</span> <span id="9" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-9-checkbox"
					name="familiar" value="9" style="display: none" /><label
					for="wholeworld-familiar-9-checkbox" class="checkbox">图像处理类</label>
				</span> <span id="10" class="checkable close"> <input
					type="checkbox" class="checkbox"
					id="wholeworld-familiar-10-checkbox" name="familiar" value="10"
					style="display: none" /><label
					for="wholeworld-familiar-10-checkbox" class="checkbox">工程制图类</label>
				</span>
			</div>
			<div class="foldable">
				<span id="11" class="checkable close"> <input type="checkbox"
					class="checkbox" id="wholeworld-familiar-11-checkbox"
					name="familiar" value="11" style="display: none" /><label
					for="wholeworld-familiar-11-checkbox" class="checkbox">硬件设计类</label>
				</span>
			</div>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-1">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="12" id="wholeworld-familiar-12-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-12-checkbox">Word</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="13" id="wholeworld-familiar-13-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-13-checkbox">Excel</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="14" id="wholeworld-familiar-14-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-14-checkbox">PowerPoint</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="15" id="wholeworld-familiar-15-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-15-checkbox">Visio</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="68" id="wholeworld-familiar-68-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-68-checkbox">outlook</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-2">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="16" id="wholeworld-familiar-16-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-16-checkbox">ASP</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="17" id="wholeworld-familiar-17-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-17-checkbox">.NET</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="18" id="wholeworld-familiar-18-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-18-checkbox">C#</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="19" id="wholeworld-familiar-19-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-19-checkbox">C</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="20" id="wholeworld-familiar-20-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-20-checkbox">C++</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="21" id="wholeworld-familiar-21-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-21-checkbox">Java</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="22" id="wholeworld-familiar-22-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-22-checkbox">JSP</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="23" id="wholeworld-familiar-23-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-23-checkbox">PHP</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="24" id="wholeworld-familiar-24-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-24-checkbox">VB</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="25" id="wholeworld-familiar-25-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-25-checkbox">VC++</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="26" id="wholeworld-familiar-26-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-26-checkbox">AJAX</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="69" id="wholeworld-familiar-69-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-69-checkbox">delphi</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="70" id="wholeworld-familiar-70-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-70-checkbox">Matlab</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="71" id="wholeworld-familiar-71-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-71-checkbox">python</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="72" id="wholeworld-familiar-72-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-72-checkbox">perl</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="73" id="wholeworld-familiar-73-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-73-checkbox">spring</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-3">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="27" id="wholeworld-familiar-27-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-27-checkbox">SQL
						Server</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="28" id="wholeworld-familiar-28-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-28-checkbox">Access</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="29" id="wholeworld-familiar-29-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-29-checkbox">MySQL</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="30" id="wholeworld-familiar-30-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-30-checkbox">Oracle</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="31" id="wholeworld-familiar-31-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-31-checkbox">SPSS</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-4">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="32" id="wholeworld-familiar-32-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-32-checkbox">CSS</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="33" id="wholeworld-familiar-33-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-33-checkbox">Dreamweaver</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="34" id="wholeworld-familiar-34-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-34-checkbox">Fireworks</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="35" id="wholeworld-familiar-35-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-35-checkbox">HTML</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="36" id="wholeworld-familiar-36-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-36-checkbox">JavaScript</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="37" id="wholeworld-familiar-37-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-37-checkbox">VBScript</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="38" id="wholeworld-familiar-38-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-38-checkbox">XML</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-5">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="39" id="wholeworld-familiar-39-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-39-checkbox">Linux</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="40" id="wholeworld-familiar-40-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-40-checkbox">WINDOWS</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="41" id="wholeworld-familiar-41-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-41-checkbox">Unix</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-6">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="42" id="wholeworld-familiar-42-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-42-checkbox">InDesign</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="43" id="wholeworld-familiar-43-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-43-checkbox">Pagemaker</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="44" id="wholeworld-familiar-44-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-44-checkbox">方正飞腾</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-7">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="45" id="wholeworld-familiar-45-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-45-checkbox">SAP</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="46" id="wholeworld-familiar-46-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-46-checkbox">Oracle
						ERP</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="47" id="wholeworld-familiar-47-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-47-checkbox">用友</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="48" id="wholeworld-familiar-48-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-48-checkbox">金蝶</label></li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="49" id="wholeworld-familiar-49-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-49-checkbox">SAS</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-8">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="50" id="wholeworld-familiar-50-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-50-checkbox">3DMAX</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="51" id="wholeworld-familiar-51-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-51-checkbox">Authorware</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="52" id="wholeworld-familiar-52-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-52-checkbox">Flash</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="53" id="wholeworld-familiar-53-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-53-checkbox">MAYA</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="54" id="wholeworld-familiar-54-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-54-checkbox">Painter</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="55" id="wholeworld-familiar-55-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-55-checkbox">Premiere</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-9">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="56" id="wholeworld-familiar-56-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-56-checkbox">Photoshop</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="57" id="wholeworld-familiar-57-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-57-checkbox">CorelDraw</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="58" id="wholeworld-familiar-58-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-58-checkbox">Illustrator</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-10">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="59" id="wholeworld-familiar-59-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-59-checkbox">AutoCAD</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="60" id="wholeworld-familiar-60-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-60-checkbox">Catia</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="61" id="wholeworld-familiar-61-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-61-checkbox">LabVIEW</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="62" id="wholeworld-familiar-62-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-62-checkbox">Pro/E</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="63" id="wholeworld-familiar-63-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-63-checkbox">SolidWorks</label>
				</li>
			</ul>
		</div>
		<div class="lowlevel clearfix" style="display: none" id="familiar-11">
			<ul class="clearfix">
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="64" id="wholeworld-familiar-64-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-64-checkbox">FPGA</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="65" id="wholeworld-familiar-65-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-65-checkbox">PLC</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="66" id="wholeworld-familiar-66-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-66-checkbox">Protel</label>
				</li>
				<li class="checkable"><input class="checkbox" name="familiar"
					type="checkbox" value="67" id="wholeworld-familiar-67-checkbox" /><label
					class="checkbox" for="wholeworld-familiar-67-checkbox">VHDL</label>
				</li>
			</ul>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(
			'#familiar-dialog-content-pickarea .checkable :checkbox, #familiar-dialog-content-pickarea .lowlevel :checkbox')
			.click(
					function(e) {
						var sa = [];
						var isNew = true;
						var obj = $(this);
						$('#familiar-dialog-content-pickarea').find(
								'.selected li').each(function() {
							sa.push($(this).attr('rel'));
							if ($(this).attr('rel') == obj.val()) {
								isNew = false;
							}
						});
						if ($(this).attr('checked') && sa.length >= 10 && isNew) {
							alert('最多选择10项 ');
							e.stopImmediatePropagation();
							return false;
						}
						var city = $(this).siblings().text();
						if ($(this).attr('name') == 'familiar') {
							if ($(this).attr('checked')) {
								if ($('#familiar-dialog-content-pickarea .selected li[rel="'
										+ $(this).val() + '"]').length != 0)
									return;
								$('#familiar-dialog-content-pickarea .selected')
										.append(
												'<li rel="'
														+ $(this).val()
														+ '"><a class="clean g3" href="javascript:void(0);"><span class="text">'
														+ city
														+ '</span><span class="delete">移除</span></a></li>');
								$(
										'#familiar-dialog-content-pickarea :checkbox[value="'
												+ $(this).val() + '"]').attr(
										'checked', true);
								if (!$('#familiar-dialog-selected').is(
										':visible'))
									$('#familiar-dialog-selected').show('slow');
							} else {
								$(
										'#familiar-dialog-content-pickarea :checkbox[value="'
												+ $(this).val() + '"]').attr(
										'checked', false);
								$('#familiar-dialog-content-pickarea .selected')
										.find('li[rel="' + $(this).val() + '"]')
										.remove();
								if ($(
										'#familiar-dialog-content-pickarea .selected')
										.find('li').length == 0)
									$('#familiar-dialog-selected').hide('slow');
							}
						}
						if ($(this).parent().is('.open, .close')) {
							if ($(this).attr('checked')) {
								$('#familiar-' + $(this).val())
										.find(':checkbox')
										.attr('checked', false)
										.attr('disabled', true)
										.each(
												function() {
													$(this).triggerHandler(
															'click');
													$(
															'#familiar-dialog-content-pickarea')
															.find(
																	':checkbox[value="'
																			+ $(
																					this)
																					.val()
																			+ '"]')
															.attr('disabled',
																	true);
													$(
															'#familiar-dialog-content-pickarea .selected')
															.find(
																	'li[rel="'
																			+ $(
																					this)
																					.val()
																			+ '"]')
															.remove();
												});
							} else {
								$('#familiar-' + $(this).val())
										.find(':checkbox')
										.attr('disabled', false)
										.each(
												function() {
													$(
															'#familiar-dialog-content-pickarea')
															.find(
																	':checkbox[value="'
																			+ $(
																					this)
																					.val()
																			+ '"]')
															.attr('disabled',
																	false);
												});
							}
						}
						e.stopImmediatePropagation();
					});
	$('#familiar-dialog-content-pickarea .selected li .delete')
			.live(
					'click',
					function() {
						var $li = $(this).parents('li');
						var t = $li.attr('rel');
						$li.remove();
						var $checkbox = $(
								'#familiar-dialog-content-pickarea :checkbox[value="'
										+ t + '"]').attr('checked', false);
						if ($checkbox.parent().is('.close, .open'))
							$checkbox.triggerHandler('click');
						if ($('#familiar-dialog-content-pickarea .selected')
								.find('li').length == 0)
							$('#familiar-dialog-selected').hide('slow');
						return false;
					});
	$('#familiar-dialog-content-pickarea .close label').live(
			'click',
			function(e) {
				var $fold = $(this).parent();
				$(this).parents('.pool').find('.lowlevel').hide();
				$(this).parents('.pool').find('.open').removeClass('open')
						.addClass('close');
				var $sub = $('#familiar-' + $fold.attr('id'));
				if ($sub.length == 0)
					return false;
				$fold.removeClass('close').addClass('open').parent().addClass(
						'border').siblings().removeClass('border');
				var sa = $sub.find(':checkbox:checked').map(function() {
					return $(this).val()
				});
				$sub.insertAfter($fold.parent()).show();
				$(sa).each(
						function() {
							$sub.find(':checkbox[value="' + this + '"]').attr(
									'checked', true);
						});
				return false;
			});
	$('#familiar-dialog-content-pickarea .open label').live('click',
			function(e) {
				return false;
			});
	$('#profession-dialog-content-pickarea').find(
			'[value="1327"], [value="1326"], [value="1340"]').attr('disabled',
			true);
</script>